@import '~antd/es/style/themes/default.less';
@import '~antd/es/style/mixins/index.less';

@pro-table-search-prefix-cls: ~'@{ant-prefix}-pro-table-search';

@pro-table-form-prefix-cls: ~'@{ant-prefix}-pro-table-form';

@keyframes resetBg {
  to {
    background: red;
  }
}
.@{pro-table-search-prefix-cls} {
  margin-bottom: 16px;
  padding: 10px 16px;
  background: @component-background;
  border-radius: 2px;
  box-shadow: 0 0px 8px rgba(71, 119, 231, 0.2);
  min-height: 60px;
  .clearfix;

  &.@{pro-table-form-prefix-cls} {
    margin: 0;
    padding: 0 16px;
    overflow: unset;
    box-shadow: none;
  }
  .ant-form-item {
    margin-bottom: 0;
  }
  .ant-form-item-label > label {
    color: #7b8ab0;
    // height: 40px;
    font-weight: 400;
  }
  // .ant-picker-input > input {
  //   line-height: 30px;
  // }
  .form-search {
    background-color: #17d08c;
    border-color: #17d08c;
    border-radius: 4px;
    &:hover,
    &:focus {
      background-color: #5fd2a8;
      border-color: #5fd2a8;
    }
  }
  .ant-picker {
    background-color: #f6f8fc;
    border-color: #d9dfee;
    &:hover,
    &:focus {
      border-color: #5a8bff;
    }
  }
  .ant-input,
  .ant-input-password {
    background-color: #f6f8fc;
    border-color: #d9dfee;
    &:hover,
    &:focus {
      border-color: #5a8bff;
      input {
        box-shadow: 0 0 0 1000px #f6f8fc inset;
      }
    }
    &.ant-input-disabled,
    &.ant-input-affix-wrapper-disabled {
      border-color: #d9dfee;
      background-color: #ffffff;
      color: #a9adb7;
      box-shadow: none;
    }
  }
  .ant-input-password .ant-input,
  .ant-input {
    box-shadow: 0 0 0 1000px #f6f8fc inset;
  }
  .ant-input-password.ant-input-affix-wrapper-disabled .ant-input {
    box-shadow: 0 0 0 1000px #fff inset;
  }
  .ant-select-multiple .ant-select-selector {
    background-color: #f6f8fc;
    border-color: #d9dfee;
    &:hover,
    &:focus {
      border-color: #5a8bff;
    }
  }
  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    // height: 40px;
    border-color: #d9dfee;
    background-color: #f6f8fc;
    &:hover,
    &:focus {
      border-color: #5a8bff;
    }
    // .ant-select-selection-search-input {
    //   height: 38px;
    // }
    // .ant-select-selection-item {
    //   line-height: 38px;
    // }
  }
  .ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #d9dfee;
    background-color: #ffffff;
    color: #a9adb7;
  }
  .@{ant-prefix}-form-vertical {
    .@{ant-prefix}-form-item-label {
      text-align: left;
    }
  }

  .@{ant-prefix}-form-item-label {
    min-width: 40px;
    text-align: right;
  }
  .@{ant-prefix}-row:not(.ant-form-item) {
    > .ant-col {
      padding: 4px 0;
    }
  }

  .@{ant-prefix}-form-item {
    display: flex;
  }

  .@{ant-prefix}-form-item-control {
    flex: 1;
  }
  .form-item-margin-bottom {
    margin-bottom: 20px;
  }

  &-option {
    flex: 1 1 auto;
    .@{ant-prefix}-form-item-control-input {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      text-align: right;
    }
  }

  &-form-option {
    .@{ant-prefix}-form-item {
      margin: 0;
    }
    .@{ant-prefix}-form-item-label {
      opacity: 0;
    }
    .@{ant-prefix}-form-item-control-input {
      justify-content: flex-start;
    }
  }
}

@media (max-width: 575px) {
  .@{pro-table-search-prefix-cls} {
    .@{ant-prefix}-form-item {
      display: inline;
    }
    .@{ant-prefix}-legacy-form-item {
      display: inline;
    }
    .@{ant-prefix}-form-item-label {
      min-width: 80px;
      text-align: left;
    }
    .@{ant-prefix}-legacy-form-item-label {
      min-width: 80px;
      text-align: left;
    }
  }
}
